 
<style>

    /* queries */
    @media screen and (max-width: 520px){

        html:not(.emp-sales) .emp-sales th, 
        html:not(.emp-sales) .emp-sales td {
            font-size: 0;
            padding: 0;
            content: "";
            height: 7px;
        }
        html:not(.emp-sales) table {
            position: relative; 
            overflow: hidden;
        }
        html:not(.emp-sales) table:before {
            content: "Table: Tap to View";
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.6);
            color: #fff;
            font-weight: bold;
            font-size: 1.6em;
            text-align: center;
            vertical-align: middle;
            z-index: 100;
            font-family: Helvetica, sans-serif;

        }
        html.emp-sales table:before {
            content: "";
            display: block;
            background: #333;
            padding: 10px;
        }

        html.emp-sales table:before{
            content: "Back";
            position: absolute;
            top: 0;
            left: 15px;
            padding: .5em 1em;
            margin: 10px 0;
            font-weight: bold;
            color: #fff;
            background: #000;
            border: 1px solid #fff;
        }
        /* around here we could use the HTML class to hide all other content on the page aside from the table */
        html.emp-sales p, html.emp-sales h1 {
            display: none; 
        }

    }

    input[type=text]{height: 12px;}
    select{height: 25px;}

</style>
<div class="well" style="padding: 5px;height: 50px;margin-bottom: 5px;">
    <div class="row">
        <form name="form_caja" id="form_caja" method="POST" action="<?php echo $this->baseUrl(); ?>/negocio/cajadiaria" >

            <div class="span4" style="width: 200px;">
                <label class="control-label">Desde</label>
                <input id="fecha_inicio" name="fecha_inicio"   value="<?php echo $this->fecha_inicio; ?>" class="input-medium" type="text" />
            </div>
            <div class="span4" style="width: 200px;">
                <label class="control-label">Hasta</label>
                <input id="fecha_fin" name="fecha_fin"   value="<?php echo $this->fecha_fin; ?>" class="input-medium" type="text" />
            </div>
            <script>
                $(function() {
                    $("#fecha_inicio").datepicker({dateFormat: 'dd/mm/yy', changeMonth: true, changeYear: true});
                    $("#fecha_fin").datepicker({dateFormat: 'dd/mm/yy', changeMonth: true, changeYear: true});
                });
            </script>
            <div class="span4" style="width: 200px;">
                <label class="control-label">Categoria</label>
                <select id="categoria_id" name="categoria_id" class="input-medium">
                    <option value="0">Todas</option>
                    <?php foreach ($this->categorias as $categoria) { ?>
                        <?php if ($categoria->getSoloNegocios()) { ?>
                            <option <?php echo $this->categoria_id == $categoria->getId() ? "selected" : "" ?> value="<?php echo $categoria->getId(); ?>">
                                <?php echo $categoria->getDescripcion(); ?></option>
                        <?php } ?>
                    <?php } ?>
                </select>
            </div>
            <?php if ($this->usuario->getPerfil()->getId() == 1 && !$this->usuario->getSucursal()->getNegocio()) { ?>
                <div class="span4" style="width: 200px;">
                    <label class="control-label">Sucursales</label>
                    <select id="sucursal_id" name="sucursal_id" class="input-medium">

                        <?php foreach ($this->sucursales as $sucursal) { ?>
                            <?php if (empty($this->sucursal_id)) { ?>
                                <option <?php echo $this->usuario->getSucursal()->getId() == $sucursal->getId() ? "selected" : "" ?> value="<?php echo $sucursal->getId(); ?>">
                                <?php } else { ?>
                                <option <?php echo $this->sucursal_id == $sucursal->getId() ? "selected" : "" ?> value="<?php echo $sucursal->getId(); ?>">
                                <?php } ?>    
                                <?php echo $sucursal->getDescripcion(); ?></option>
                        <?php } ?>
                    </select>
                </div>
            <?php } ?>
            <div class="span2" style="margin-top:5px;"  style="width: 50px;">
                <div class="btn-toolbar">
                    <input   class="btn" value="Buscar" type="submit" />
                </div>
            </div>

        </form>
    </div>
</div>
<div class="well" style="padding-top: 5px;">
    <?php if  (!$this->usuario->getSucursal()->getNegocio()) { ?>
        <div class="row" >
            <div class="span6" style="width: 47%;">
                <h4 style="padding-top: -5px;"  > &nbsp;&nbsp;Entradas de Caja
                    <?php if (true){//(!($this->usuario->getSucursal()->getNegocio() && !$this->usuario->getPerfil()->esAdministrador())) { ?>
                        <button type="button" href="<?php echo $this->baseUrl() . "/negocio/cajadiaria/nuevomovimiento/tipo_movimiento/E"; ?>" class="btn btn-inverse pull-right agregarMovimiento"><i class="icon-plus-sign icon-white"></i>Agregar&nbsp;&nbsp;</button>
                    <?php } ?>
                </h4>
            </div>
            <div class="span6" style="width: 47%;">
                <h4> &nbsp;&nbsp;Salida de Caja  
                    <?php if(true){ //(!($this->usuario->getSucursal()->getNegocio() && !$this->usuario->getPerfil()->esAdministrador())) { ?>
                        <button type="button" href="<?php echo $this->baseUrl() . "/negocio/cajadiaria/nuevomovimiento/tipo_movimiento/S"; ?>" class="btn btn-inverse pull-right agregarMovimiento" style="margin:2px;"><i class="icon-plus-sign icon-white"></i> Agregar&nbsp;&nbsp;</button>
                    <?php } ?>
                </h4>
            </div>
        </div>
    <?php } ?>
    <div class="row">
        <div class="span6" style="height: 300px;overflow-y:scroll;font-size: 12px;width: 48%;">
            <table class="tabla_reducida" style="font-size: 9px;">
                <thead>
                    <tr>
                        <th>Fecha</th>
                        <th>Concepto</th>
                        <th>Categoria</th>
                        <th>Monto</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($this->entradas as $e) { ?>
                        <tr>
                            <td><?php echo $e->getFecha()->format('d/m/Y'); ?></td>
                            <td style="text-align: left;" ><?php echo $e->getFecha()->format('H:i') . ' ' . strtoupper($e->getDescripcion()); ?></td>
                            <td><?php echo $e->getCategoria()->getDescripcion(); ?></td>
                            <td><?php echo $e->getMonto(); ?></td>
                        </tr>
                    <?php } ?>
                </tbody>
            </table>
        </div>
        <div class="span6" style="height: 300px;overflow-y:scroll;font-size: 12px;width: 48%;margin-left: 5px;">
            <table class="tabla_reducida" style="font-size: 9px;">
                <thead>
                    <tr>
                        <th>fecha</th>
                        <th>Concepto</th>
                        <th>Categoria</th>
                        <th>Monto</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($this->salidas as $s) { ?>
                        <tr>
                            <td><?php echo $s->getFecha()->format('d/m/Y'); ?></td>
                            <td style="text-align: left;" ><?php echo $s->getFecha()->format('H:i') . ' ' . strtoupper($s->getDescripcion()); ?></td>
                            <td><?php echo $s->getCategoria()->getDescripcion(); ?></td>
                            <td><?php echo $s->getMonto(); ?></td>
                        </tr>
                    <?php } ?>
                </tbody>
            </table>
        </div>
    </div>
    <div class="row">
        <div class="span2"  >
            <?php if ($this->muestroMonto) { ?>
                <h5>Inicio</h5>
                <h4 style="margin-top: -10px;"><?php echo $this->inicio; ?></h4>
            <?php } ?>
        </div>
        <div class="span2" >
            <h5>Total Entradas</h5>
            <h4 style="margin-top: -10px;">$<?php echo $this->totalEntradas; ?></h4>
        </div>
        <div class="span2"  >
            <h5>Total Salidas</h5>
            <h4 style="margin-top: -10px;">$<?php echo $this->totalSalidas; ?></h4>
        </div>
        <div class="span2">
            <h5>SubTotal</h5>
            <h4 style="margin-top: -10px;">$<?php echo $this->subtotal; ?></h4>
        </div>
        <div class="span2">
            <?php if ($this->muestroMonto) { ?>
                <h5>Total Caja</h5>
                <h4 style="margin-top: -10px;"><?php echo $this->total; ?></h4>
            <?php } ?>
        </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $(".agregarMovimiento").colorbox({
            iframe: true,
            innerWidth: "50%",
            innerHeight: "50%",
            onOpen: function() {
            },
            onClosed: function() {
                $('#form_caja').submit();
            }
        });
    });
</script>